{template 'common/header'}

<!-- <div class="mii-top">
      <div class="year-month pull-left">
        <p style="font-weight: bold;"  id="xingqi"></p>
        <p style="font-family: 'Arial';"><span id="nian"></span><samp id="yueri"></samp></p>
        <p id="time"></p>
      </div>    
</div> -->
<div class="mii-box text-center">
    <input type="text"  name="sokey" class="sokey" placeholder="请输入订单编号">
    <button class="submit center-block" type="submit">提交</button>
</div>
<style type="text/css">
    .mii-top{
        height: 100px;
        width: 96%;
        background: #ff5d38;
        margin: 0px 2%;
        display: block;
        box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
    }
    .year-month {   
    padding: 10px;
    background-color: #09C;
    height: 100%;
    color: #FFF;
    width: 130px;
    display: block;
   box-shadow: 0 2px 2px 0 rgba(0, 188, 212, 0.14), 0 3px 1px -2px rgba(0, 188, 212, 0.2), 0 1px 5px 0 rgba(0, 188, 212, 0.12);
    }
    .mii-box{
        width: 98%;
        height: 200px;
        margin-top: 20px;
        line-height: 100px;
        margin-right: 1%;
        margin-left: 1%;
        background-color: #fff; 
    }
    .sokey{
        width: 300px;
        height: 35px;
        border-radius: 2px;
        border: 1px solid #ff5d38;
        background-image: none;
        box-shadow: 0 0 10px rgba(255,93,56,.6);
        text-align: center;
        outline: none;
    }
    .submit{
        width: 100px;
        height: 35px;
        display: block;
        background-color: #ff5d38;
        color: #FFFFFF;
        border-radius: 2px;
        border:0;
        padding: 8px 12px;
        box-sizing: border-box;
        box-shadow: 0 2px 2px 0 rgba(255,93,56, 0.14), 0 3px 1px -2px rgba(255,93,56, 0.2), 0 1px 5px 0 rgba(255,93,56, 0.12);    
        line-height: 0px;  
        outline: none;  
    }
    .submit:hover{
        box-shadow: 0 14px 26px -12px rgba(255,93,56, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(255,93,56, 0.2);
    }
</style>


<!-- <script type="text/javascript">  
    $(function() {  
        setInterval("GetTime()", 0);  
    });  
  
    function GetTime() {  
        var mon, day, now, hour, min, ampm, time, str, tz, end, beg, sec;   
        mon = new Array("1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月",  
                "9月", "10月", "11月", "12月");  
        day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六");  
        now = new Date();  
        hour = now.getHours();  
        min = now.getMinutes();  
        sec = now.getSeconds();  
        if (hour < 10) {  
            hour = "0" + hour;  
        }  
        if (min < 10) {  
            min = "0" + min;  
        }  
        if (sec < 10) {  
            sec = "0" + sec;  
        }  
        $("#xingqi").html(day[now.getDay()]);
        $('#yueri').html(mon[now.getMonth()]+now.getDate()+'号');
        $('#nian').html(now.getFullYear()+'年');
        $('#time').html(hour + ":" + min + ":" + sec);
    }  
</script> -->

<!-- <audio id="mp3" src="{MODULE_URL}public/audio/ding.wav"> </audio>
 <script>
        var remind = 1;
        var mp3 = $("#mp3")[0];
        var play= 0;
       
        if(sessionStorage.num){
            $(".remind").text(sessionStorage.num);
        }

        $.ajax({
            url:"/sendOrderNotice",
            success:function (data) {
                sessionStorage.num = data;
                $(".remind").text(data);
                remind = data;play=data;
                remind<=0?$(".remind").hide():$(".remind").show();

            }
        })


        setInterval(function () {
            $.ajax({
                url:"/sendOrderNotice",
                success:function (data) {
                    remind = data;
                    sessionStorage.num = data;
                    if(play==remind){
                        remind<=0?$(".remind").hide():$(".remind").show()
                    }else{
                        $(".remind").show().text(remind);
                        mp3.play();
                        play=remind;
                    }
                }
            })
        },10000)
</script> -->
<style type="text/css">.right-content{padding: 0;background: rgba(0,0,0,.05);}</style>
{template 'common/footer'}